//定义数据
//var data = [
//	{name : 'H',value : 7,color:'#a5c2d5'},
//   	{name : 'E',value : 5,color:'#cbab4f'},
//   	{name : 'L',value : 12,color:'#76a871'},
//   	{name : 'L',value : 12,color:'#76a871'},
//   	{name : 'O',value : 15,color:'#a56f8f'},
//   	{name : 'W',value : 13,color:'#c12c44'},
//   	{name : 'O',value : 15,color:'#a56f8f'},
//   	{name : 'R',value : 18,color:'#9f7961'},
//   	{name : 'L',value : 12,color:'#76a871'},
//   	{name : 'D',value : 4,color:'#6f83a5'}
// ];
//静态柱形图
var staticColumn2D = function(data, renderName, titleName, scaleSpace){
	var chart = new iChart.Column2D({
		render : renderName,//渲染的Dom目标,canvasDiv为Dom的ID
		data: data,//绑定数据
		title : titleName,//设置标题
		width : 800,//设置宽度，默认单位为px
		height : 400,//设置高度，默认单位为px
		shadow:true,//激活阴影
		shadow_color:'#c7c7c7',//设置阴影颜色
		coordinate:{//配置自定义坐标轴
			scale:[{//配置自定义值轴
				 position:'left',//配置左值轴	
				 start_scale:0,//设置开始刻度为0
				 end_scale:26,//设置结束刻度为26
				 scale_space : scaleSpace,//设置刻度间距
				 listeners:{//配置事件
					parseText:function(t,x,y){//设置解析值轴文本
						return {text:t+" cm"}
					}
				}
			}]
		}
	});
	//调用绘图方法开始绘图
	chart.draw();
}
//var data = [
//        	{name : 'Other',value : 0.73,color:'#6f83a5'},
//        	{name : 'IE',value : 35.75,color:'#a5c2d5'},
//        	{name : 'Chrome',value : 29.84,color:'#cbab4f'},
//        	{name : 'Firefox',value : 24.88,color:'#76a871'},
//        	{name : 'Safari',value : 6.77,color:'#9f7961'},
//        	{name : 'Opera',value : 2.02,color:'#a56f8f'}
//    	];
//动态饼形图
var dynamicPie2D = function(data, renderName, titleName){
	new iChart.Pie2D({
		render : renderName,
		data: data,
		title : titleName,
		legend : {
			enable : true
		},
		sub_option : {
			label : {
				background_color:null,
				sign:false,//设置禁用label的小图标
				padding:'0 4',
				border:{
					enable:false,
					color:'#666666'
				},
				fontsize:11,
				fontweight:600,
				color : '#4572a7'
			},
			border : {
				width : 2,
				color : '#ffffff'
			}
		},
		animation:true,
		showpercent:true,
		decimalsnum:2,
		width : 800,
		height : 400,
		radius:140
	}).draw();
}

//var data = [
//        	{
//        		name : '北京',
//        		value:[-9,1,12,20,26,30,32,29,22,12,0,-6],
//        		color:'#1f7e92',
//        		line_width:3
//        	}
//       ];
var staticLineBasic2D = function(data, renderName, titleName, labelsName){
	var chart = new iChart.LineBasic2D({
				render : renderName,
				data: data,
				title : titleName,
				width : 800,
				height : 400,
				coordinate:{height:'90%',background_color:'#f6f9fa'},
				sub_option:{
					hollow_inside:false,//设置一个点的亮色在外环的效果
					point_size:16
				},
				labels : labelsName
			});
	chart.draw();
}


var staticLineBasic2D3  = function(){
	var pv=[],ip=[],iq=[],t;
	for(var i=0;i<61;i++){
		t = Math.floor(Math.random()*(30+((i%12)*5)))+10;
		pv.push(t);
		t = Math.floor(t*0.5);
		t = t-Math.floor((Math.random()*t)/2);
		ip.push(t);
		t = Math.floor(t*0.3);
		t = t-Math.floor((Math.random()*t)/2);
		iq.push(t);
	}
	
	var data = [
	         	{
	         		name : '油',
	         		value:pv,
	         		color:'#F59F00',
	         		line_width:2
	         	},
	         	{
	         		name : '味精',
	         		value:ip,
	         		color:'#009EDB',
	         		line_width:2
	         	},
	         	{
	         		name : '盐',
	         		value:iq,
	         		color:'#77D624',
	         		line_width:2
	         	}
	         ];
     
	var labels = ["黑龙江","吉林","辽宁"];
	var line = new iChart.LineBasic2D({
		render : 'canvasDiv1',
		data: data,
		align:'center',
		title : '不同省份用户调料用量分布',
		subtitle : '',
		footnote : '数据来源：龙福',
		width : 800,
		height : 400,
		tip:{
			enable:true,
			shadow:true
		},
		legend : {
			enable : true,
			row:1,//设置在一行上显示，与column配合使用
			column : 'max',
			valign:'top',
			sign:'bar',
			background_color:null,//设置透明背景
			offsetx:-80,//设置x轴偏移，满足位置需要
			border : true
		},
		crosshair:{
			enable:true,
			line_color:'#62bce9'
		},
		sub_option : {
			label:false,
			point_hollow : false
		},
		coordinate:{
			width:640,
			height:240,
			axis:{
				color:'#9f9f9f',
				width:[0,0,2,2]
			},
			grids:{
				vertical:{
					way:'share_alike',
			 		value:5
				}
			},
			scale:[{
				 position:'left',	
				 start_scale:0,
				 end_scale:100,
				 scale_space:10,
				 scale_size:2,
				 scale_color:'#9f9f9f'
			},{
				 position:'bottom',	
				 labels:labels
			}]
		}
	});

//开始画图
line.draw();
} 


var staticColumnMulti2D = function(data, renderName, labelsName, titleName){
	var chart = new iChart.ColumnMulti2D({
			render : renderName,
			data: data,
			labels:labelsName,
			title : titleName,
			subtitle : '',
			footnote : '数据来源：龙福',
			width : 800,
			height : 400,
			background_color : '#ffffff',
			legend:{
				enable:true,
				background_color : null,
				border : {
					enable : false
				}
			},
			coordinate:{
				background_color : '#f1f1f1',
				scale:[{
					 position:'left',	
					 start_scale:0,
					 end_scale:140,
					 scale_space:20
				}],
				width:600,
				height:260
			}
	});
	chart.draw();
}
